---
title: Slot
description: A slot component that allows you to use motion components with any element.
author:
  name: imskyleen
  url: https://github.com/imskyleen
releaseDate: 2025-09-07
---

The `Slot` component is a wrapper component that allows you to use motion components with any element.

## Installation

<ComponentInstallation name="primitives-animate-slot" />

## Usage

```tsx
<Slot>
  <div>Hello</div>
</Slot>
```

## API Reference

### Slot

<TypeTable
  type={{
    '...props': {
      description: 'The props of the slot',
      type: 'HTMLMotionProps',
      required: false,
    },
  }}
/>
